<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
	<%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
	
<!--A Design by W3layouts 
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html>
<!-- html -->
<html>
<!-- head -->
<head>
<title>校园充值系统</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css"
	media="all" />
<!-- bootstrap-CSS -->
<link rel="stylesheet" href="css/bootstrap-select.css">
<!-- bootstrap-select-CSS -->
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<script type='text/javascript' src='js/jquery-2.2.3.min.js'></script>
<link href="css/font-awesome.css" rel="stylesheet" type="text/css"
	media="all" />
<!-- Fontawesome-CSS -->
<link href="layui/css/layui.css" />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->

<script type="text/javascript" src="layui/layui.js">
 
<!-- Custom Theme files -->
<!--theme-style-->

<!--//theme-style-->
<!--meta data-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords"
	content="Online Recharge Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, Sony Ericsson, Motorola web design" />
<script type="application/x-javascript">
	
	
	
	 addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } 



</script>
<!--//meta data-->

</head>
<!-- //head -->
<!-- body -->
<body>
	<!--header-->
	<header>
		<div class="container">
			<!--logo-->
			<div class="logo">
				<h1>
					<a href="index.html">校园充值系统</a>
				</h1>
			</div>
			<!--//logo-->
			<div class="w3layouts-login">
				<a data-toggle="modal" data-target="#myModal" href="#"><i
					class="glyphicon glyphicon-user"> </i>登录/注册</a>
			</div>
			<div class="clearfix"></div>
			<!--Login modal-->
			<div class="modal fade" id="myModal" tabindex="-1" role="dialog"
				aria-hidden="true">
				<div class="modal-dialog modal-lg">
					<div class="modal-content">
						<div class="modal-content">
							<div class="modal-header">
								<button type="button" class="close" data-dismiss="modal"
									aria-hidden="true">&times;</button>
								<h4 class="modal-title" id="myModalLabel">校园充值系统</h4>
							</div>
							<div class="modal-body">
								<div class="row">
									<div class="col-md-8 extra-w3layouts"
										style="border-right: 1px dotted #C2C2C2; padding-right: 30px;">
										<!-- Nav tabs -->
										<ul class="nav nav-tabs">
											<li class="active"><a href="#Login" data-toggle="tab">登录</a></li>
											<li><a href="#Registration" data-toggle="tab">注册</a></li>
										</ul>
										<!-- Tab panes -->
										<div class="tab-content">
											<div class="tab-pane active" id="Login">
												<form class="form-horizontal" action="#" method="get">
													<div class="form-group">
														<label for="email" class="col-sm-2 control-label">
															账号</label>
														<div class="col-sm-10">
															<input type="text" class="form-control" id="email1"
																placeholder="请输入账号" required="required" />
														</div>
													</div>
													<div class="form-group">
														<label for="exampleInputPassword1"
															class="col-sm-2 control-label"> 密码</label>
														<div class="col-sm-10">
															<input type="text" class="form-control"
																id="exampleInputPassword1" placeholder="请输入密码"
																required="required" />
														</div>
													</div>
													<div class="row">
														<div class="col-sm-2"></div>
														<div class="col-sm-10">
															<button type="submit"
																class="submit btn btn-primary btn-sm" onclick="login11()">登录</button>
															<a href="javascript:;" class="agileits-forgot">忘记密码?</a>
														</div>
													</div>
												</form>
											</div>
											
											<div class="tab-pane" id="Registration">
												<form class="form-horizontal" action="#" method="get">
													<div class="form-group">
														<label for="email" class="col-sm-2 control-label">
															名称</label>
														<div class="col-sm-10">
															<input type="text" class="form-control" id="username"
																required="required" />
														</div>
													</div>
													<div class="form-group">
														<label for="mobile" class="col-sm-2 control-label">
															密码</label>
														<div class="col-sm-10">
															<input type="password" class="form-control" id="userpwd"
																required="required" />
														</div>
													</div>
													<div class="form-group">
														 
													</div>
													<div class="form-group">
														<label for="mobile" class="col-sm-2 control-label">
															性别</label>
														<div class="col-sm-10">
																<input type="radio" value="男" name="sex"
																required="required" />男
																 <input type="radio" value="女"
																name="sex" required="required" />女
														</div>
													</div>
													<div class="form-group">
														<label for="mobile" class="col-sm-2 control-label">
															班级</label>
														<div class="col-sm-10">
															<input type="text" class="form-control" id="classs"
																required="required" />
														</div>
													</div>
													<div class="form-group">
														<label for="mobile" class="col-sm-2 control-label">
															电话号码</label>
														<div class="col-sm-10">
															<input type="text" class="form-control" id="phone"
																required="required" />
														</div>
													</div>
													<div class="form-group">
														<label for="mobile" class="col-sm-2 control-label">
															邮箱</label>
														<div class="col-sm-10">
															<input type="email" class="form-control" id="email"
																required="required" />
														</div>
													</div>


													<div class="row">
														<div class="col-sm-2"></div>
														<div class="col-sm-10">
															<button type="submit"
																class="submit btn btn-primary btn-sm" onclick="add()">注册</button>
															<button type="reset"
																class="submit btn btn-default btn-sm">重置</button>
														</div>
													</div>
												</form>
											</div>
											
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!--//Login modal-->
		</div>
	</header>

	<!--//-->
	<div class=" header-right">
		<div class="banner">
			<div class="slider">
				<div class="callbacks_container">
					<ul class="rslides" id="slider">
						<li>
							<div class="banner1">
								<div class="caption">
									<h3>
										<span>快捷支付，</span> 校园充值系统上线了
									</h3>
									<p>
										<a href="#mobilew3layouts" class="scroll">查看</a>
									</p>
								</div>
							</div>
						</li>
						<li>
							<div class="banner2">
								<div class="caption">
									<h3>
										<span>快捷</span>
									</h3>
									<p>
										<a href="#mobilew3layouts " class="scroll">查看</a>
									</p>
								</div>
							</div>
						</li>
						<li>
							<div class="banner3">
								<div class="caption">
									<h3>
										<span></span> 方便
									</h3>
									<p>
										<a href="#mobilew3layouts" class="scroll">查看</a>
									</p>
								</div>
							</div>
						</li>
						<li>
							<div class="banner4">
								<div class="caption">
									<h3>
										<span> </span> 安全
									</h3>
									<p>
										<a href="#mobilew3layouts" class="scroll">查看</a>
									</p>
								</div>
							</div>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>


	<!--Vertical Tab-->
	<div class="categories-section main-grid-border" id="mobilew3layouts">
		<div class="container">
			<div class="category-list">
				<div id="parentVerticalTab">
					<div class="agileits-tab_nav">
						<ul class="resp-tabs-list hor_1">
							<li><i class="icon fa fa-tint" aria-hidden="true"></i>热水充值</li>
							<li><i class="icon fa fa-lightbulb-o" aria-hidden="true"></i>
								电费充值</li>
							<li><i class="icon fa fa-credit-card" aria-hidden="true"></i>空调费充值</li>

						</ul>
					</div>
					<div class="resp-tabs-container hor_1">
						<!-- tab1 -->
						<div>
							<div class="tabs-box">
								<div class="tab-grids">
									<div id="tab1" class="tab-grid">
										<div class="login-form">
											<form
												action="http://47.107.106.245:8080/alipay.trade.page.pay-JAVA-UTF-8/index.jsp"
												method="post" id="signup">
												<ol>
													<li><input type="text" id="tel" name="tel1"
														placeholder="请输入卡的编号" required="required" />
														 <input
														type="hidden" value="1" name="card">
														 <input
														type="hidden" value="carid" name="cardid">
														<p class="validation01">
															<span class="invalid">请输入账号</span> <span class="valid">That's
																what we wanted!</span>
														</p></li>
													<li><input type="text" id="tel" name="tel2"
														placeholder="请输入充值金额" required="required" /></li>
													<li>
														<div class="mobile-right ">



															<div class="clearfix"></div>
														</div>
													</li>
													<li><input type="submit" class="submit" value="充值" />
													</li>
												</ol>
											</form>

										</div>

									</div>
									<div id="tab2" class="tab-grid">
										<div class="login-form">
											<form action="pay.html" method="post" id="signup">
												<ol>
													<li>
														<h4>Enter your mobile number</h4> <input type="tel"
														id="tel" name="tel" pattern="\d{10}"
														placeholder="Enter Mobile Number" required />
														<p class="validation01">
															<span class="invalid">Please enter a valid mobile
																number</span> <span class="valid">That's what we wanted!</span>
														</p>
													</li>
													<li>
														<div class="agileits-select">
															<select class="selectpicker show-tick"
																data-live-search="true">
																<option data-tokens="Select Operator">Select Operator</option>
																<option data-tokens="Airtel">Airtel</option>
																<option data-tokens="Aircel">Aircel</option>
																<option data-tokens="BSNL">BSNL</option>
																<option data-tokens="Tata Docomo">Tata Docomo</option>
																<option data-tokens="Reliance GSM">Reliance GSM</option>
																<option data-tokens="Reliance CDMA">Reliance CDMA</option>
																<option data-tokens="Telenor">Telenor</option>
																<option data-tokens="Jio">Jio</option>
																<option data-tokens="Vodafone">Vodafone</option>
																<option data-tokens="Idea">Idea</option>
																<option data-tokens="MTS">MTS</option>
															</select>
														</div>
													</li>
													<li>
														<div class="agileits-select">
															<select class="selectpicker show-tick"
																data-live-search="true" required="required">
																<option data-tokens="Select Circle">Select Circle</option>
																<option data-tokens="Chennai">Chennai</option>
																<option data-tokens="Delhi NCR">Delhi NCR</option>
																<option data-tokens="Kolkata">Kolkata</option>
																<option data-tokens="Mumbai">Mumbai</option>
																<option data-tokens="Maharashtra & Goa">Maharashtra & Goa</option>
																<option data-tokens="Assam">Assam</option>
																<option data-tokens="Bihar & Jharkhand">Bihar & Jharkhand</option>
																<option data-tokens="Gujarat">Gujarat</option>
																<option data-tokens="Haryana">Haryana</option>
																<option data-tokens="Himachal Pradesh">Himachal Pradesh</option>
																<option data-tokens="Jummu & Kashmir">Jummu & Kashmir</option>
																<option data-tokens="Karnataka">Karnataka</option>
																<option data-tokens="Kerala">Kerala</option>
																<option data-tokens="Andhra Pradesh">Andhra Pradesh</option>
																<option data-tokens="MP & Chattisgarh">MP & Chattisgarh</option>
																<option data-tokens="North East">North East</option>
																<option data-tokens="Orissa">Orissa</option>
																<option data-tokens="Punjab">Punjab</option>
																<option data-tokens="Rajasthan">Rajasthan</option>
																<option data-tokens="Tamilnadu">Tamilnadu</option>
																<option data-tokens="UP East">UP East</option>
																<option data-tokens="UP West & Utterkhand">UP West & Utterkhand</option>
																<option data-tokens="West Bengal">West Bengal</option>
															</select>
														</div>
													</li>
													<li>
														<div class="mobile-right ">
															<h4>How Much To Pay?</h4>
															<div class="mobile-rchge">
																<input type="text" placeholder="Enter amount"
																	name="amount" required="required" />
															</div>
															<div class="clearfix"></div>
														</div>
													</li>
													<li><input type="submit" class="submit"
														value="Pay bill" /></li>
												</ol>
											</form>

										</div>
									</div>
								</div>


							</div>
							<!-- script -->
							<script>
								$(document)
										.ready(
												function() {
													$("#tab2").hide();
													$("#tab3").hide();
													$("#tab4").hide();
													$(".tabs-menu a")
															.click(
																	function(
																			event) {
																		event
																				.preventDefault();
																		var tab = $(
																				this)
																				.attr(
																						"href");
																		$(
																				".tab-grid")
																				.not(
																						tab)
																				.css(
																						"display",
																						"none");
																		$(tab)
																				.fadeIn(
																						"slow");
																	});
												});
							</script>





						</div>
						<!-- /tab1 -->
						<!-- tab2 -->
						<div>

							<div class="login-form">
								</em>
								<form action="pay.html" method="post" id="signup">

									<ol>

										<li><input type="text" id="customer" placeholder="输入寝室号"
											required=""></li>
										<li>
											<div class="mobile-right ">
												<div class="mobile-rchge">
													<input type="text" placeholder="输入充值金额" name="amount"
														required="required" />
												</div>
												<div class="clearfix"></div>
											</div>
										</li>
										<li><input type="submit" class="submit" value="充值" /></li>
									</ol>
								</form>

							</div>
						</div>
						<!-- /tab2 -->

						<!-- tab3 -->
						<div>
							<div id="tab2" class="tab-grid">
								<div class="login-form">
									<form action="pay.html" method="post" id="signup">
										<ol>
											<li><input type="tel" id="tel" name="tel"
												placeholder="输入寝室号" pattern="\d{10}" required />
												<p class="validation01">
													<span class="invalid">输入你的账号</span>

												</p></li>

											<li>
												<div class="mobile-right ">

													<div class="mobile-rchge">
														<input type="text" placeholder="输入充值金额" name="amount"
															required="required" />
													</div>
													<div class="clearfix"></div>
												</div>
											</li>
											<li><input type="submit"
												class="layui-btn layui-btn-danger" value="充值" /></li>
										</ol>
									</form>

								</div>

							</div>
						</div>
						<!-- /tab3 -->


						<!-- tab4 -->
						<div>
							<i class="icon fa fa-lightbulb-o inner-icon" aria-hidden="true"></i>
							<div id="tab2" class="tab-grid">
								<div class="login-form">
									<form action="pay.html" method="post" id="signup">
										<ol>
											<li>
												<div class="agileits-select">
													<select class="selectpicker show-tick"
														data-live-search="true">
														<option data-tokens="Select Operator">Select Operator</option>
														<option data-tokens="Operator1">Operator1</option>
														<option data-tokens="Operator2">Operator2</option>
														<option data-tokens="Operator3">Operator3</option>
														<option data-tokens="Operator4">Operator4</option>
														<option data-tokens="Operator5">Operator5</option>
														<option data-tokens="Operator6">Operator6</option>
														<option data-tokens="Operator7">Operator7</option>
													</select>
												</div>
											</li>
											<li><input type="text" id="customer"
												value="Customer Account Number" onfocus="this.value = '';"
												onblur="if (this.value == '') {this.value = 'Customer Account Number';}"
												required=""></li>

											<li><input type="submit" class="submit" value="Proceed" />
											</li>
										</ol>
									</form>

								</div>
							</div>
						</div>
						<!-- /tab4 -->


						<!-- tab5 -->
						<div>

							<i class="icon fa fa-phone inner-icon" aria-hidden="true"></i>
							<div id="tab2" class="tab-grid">
								<div class="login-form">
									<form action="pay.html" method="post" id="signup">
										<ol>
											<li>
												<div class="agileits-select">
													<select class="selectpicker show-tick"
														data-live-search="true">
														<option data-tokens="Select Operator">Select Operator</option>
														<option data-tokens="Operator1">Operator1</option>
														<option data-tokens="Operator2">Operator2</option>
														<option data-tokens="Operator3">Operator3</option>
														<option data-tokens="Operator4">Operator4</option>
														<option data-tokens="Operator5">Operator5</option>
														<option data-tokens="Operator6">Operator6</option>
														<option data-tokens="Operator7">Operator7</option>
													</select>
												</div>
											</li>
											<li><input type="text" id="customer"
												value="Telephone Number(with STD code)"
												onfocus="this.value = '';"
												onblur="if (this.value == '') {this.value = 'Telephone Number(with STD code)';}"
												required=""></li>
											<li>
												<div class="mobile-right ">
													<h4>How Much To Pay?</h4>
													<div class="mobile-rchge">
														<input type="text" placeholder="Enter amount"
															name="amount" required="required" />
													</div>
													<div class="clearfix"></div>
												</div>
											</li>
											<li><input type="submit" class="submit" value="Pay Bill" />
											</li>
										</ol>
									</form>

								</div>
							</div>

						</div>
						<!-- /tab5 -->
						<!-- tab6 -->
						<div>
							<i class="icon fa fa-connectdevelop inner-icon"
								aria-hidden="true"></i>
							<div id="tab2" class="tab-grid">
								<div class="login-form">
									<form action="pay.html" method="post" id="signup">
										<ol>
											<li>
												<div class="agileits-select">
													<select class="selectpicker show-tick"
														data-live-search="true">
														<option data-tokens="Select Operator">Select Operator</option>
														<option data-tokens="Operator1">Operator1</option>
														<option data-tokens="Operator2">Operator2</option>
														<option data-tokens="Operator3">Operator3</option>
														<option data-tokens="Operator4">Operator4</option>
														<option data-tokens="Operator5">Operator5</option>
														<option data-tokens="Operator6">Operator6</option>
														<option data-tokens="Operator7">Operator7</option>
													</select>
												</div>
											</li>
											<li><input type="text" id="customer"
												value="Telephone Number(with STD code)"
												onfocus="this.value = '';"
												onblur="if (this.value == '') {this.value = 'Telephone Number(with STD code)';}"
												required=""></li>
											<li>
												<div class="mobile-right ">
													<h4>How Much To Pay?</h4>
													<div class="mobile-rchge">
														<input type="text" placeholder="Enter amount"
															name="amount" required="required" />
													</div>
													<div class="clearfix"></div>
												</div>
											</li>
											<li><input type="submit" class="submit" value="Pay Bill" />
											</li>
										</ol>
									</form>

								</div>
							</div>
						</div>
						<!-- /tab6 -->

						<!-- tab7 -->
						<div>

							<i class="icon fa fa-flask inner-icon" aria-hidden="true"></i>
							<div id="tab2" class="tab-grid">
								<div class="login-form">
									<form action="pay.html" method="post" id="signup">
										<ol>
											<li>
												<div class="agileits-select">
													<select class="selectpicker show-tick"
														data-live-search="true">
														<option data-tokens="Gas Operator">Gas Operator</option>
														<option data-tokens="Operator1">Operator1</option>
														<option data-tokens="Operator2">Operator2</option>
														<option data-tokens="Operator3">Operator3</option>
														<option data-tokens="Operator4">Operator4</option>
														<option data-tokens="Operator5">Operator5</option>
														<option data-tokens="Operator6">Operator6</option>
														<option data-tokens="Operator7">Operator7</option>
													</select>
												</div>
											</li>
											<li><input type="text" id="customer"
												value="Customer Account Number" onfocus="this.value = '';"
												onblur="if (this.value == '') {this.value = 'Customer Account Number';}"
												required=""></li>

											<li><input type="submit" class="submit" value="Proceed" />
											</li>
										</ol>
									</form>

								</div>
							</div>
						</div>
						<!-- /tab7 -->

						<!-- tab8 -->
						<div>
							<i class="icon fa fa-tint inner-icon" aria-hidden="true"></i>
							<div id="tab2" class="tab-grid">
								<div class="login-form">
									<form action="pay.html" method="post" id="signup">
										<ol>
											<li>
												<div class="agileits-select">
													<select class="selectpicker show-tick"
														data-live-search="true">
														<option data-tokens="Water Provider">Water Provider</option>
														<option data-tokens="Provider1">Provider1</option>
														<option data-tokens="Provider2">Provider2</option>
														<option data-tokens="Provider3">Provider3</option>
														<option data-tokens="Provider4">Provider4</option>
														<option data-tokens="Provider5">Provider5</option>
														<option data-tokens="Provider6">Provider6</option>
														<option data-tokens="Provider7">Provider7</option>
													</select>
												</div>
											</li>
											<li><input type="text" id="customer"
												value="Consumer Number" onfocus="this.value = '';"
												onblur="if (this.value == '') {this.value = 'Consumer Number';}"
												required=""></li>

											<li><input type="submit" class="submit" value="Proceed" />
											</li>
										</ol>
									</form>

								</div>
							</div>
						</div>
						<!-- /tab8 -->

						<!-- tab9 -->
						<div>
							<i class="icon fa fa-subway inner-icon" aria-hidden="true"></i>
							<div id="tab2" class="tab-grid">
								<div class="login-form">
									<form action="pay.html" method="post" id="signup">
										<ol>
											<li>
												<div class="agileits-select">
													<select class="selectpicker show-tick"
														data-live-search="true">
														<option data-tokens="Select Operator">Select Operator</option>
														<option data-tokens="Operator1">Operator1</option>
														<option data-tokens="Operator2">Operator2</option>
														<option data-tokens="Operator3">Operator3</option>
													</select>
												</div>
											</li>
											<li><input type="text" id="customer"
												value="Enter Metro Number" onfocus="this.value = '';"
												onblur="if (this.value == '') {this.value = 'Enter Metro Number';}"
												required=""></li>

											<li><input type="submit" class="submit" value="Proceed" />
											</li>
										</ol>
									</form>

								</div>
							</div>
						</div>
						<!-- /tab9 -->

						<!-- tab10 -->

						<!-- /tab10 -->

						<!-- tab11 -->

						<!-- /tab11 -->

						<!-- tab12 -->

						<!-- /tab12 -->

						<!-- tab13 -->

						<!-- /tab13 -->
					</div>
					<div class="clearfix"></div>
				</div>
			</div>
		</div>
	</div>
	<!--Plug-in Initialisation-->
	<script type="text/javascript">
		$(document).ready(function() {

			//Vertical Tab
			$('#parentVerticalTab').easyResponsiveTabs({
				type : 'vertical', //Types: default, vertical, accordion
				width : 'auto', //auto or any width like 600px
				fit : true, // 100% fit in a container
				closed : 'accordion', // Start closed if in accordion view
				tabidentify : 'hor_1', // The tab groups identifier
				activate : function(event) { // Callback function if tab is switched
					var $tab = $(this);
					var $info = $('#nested-tabInfo2');
					var $name = $('span', $info);
					$name.text($tab.text());
					$info.show();
				}
			});
		});
	</script>
	<!-- //Categories -->

	<script type="text/javascript">
		function login11() {

			var name1 = $('#email1').val();
			var pwd1 = $("#exampleInputPassword1").val();
			 
			$.ajax({
				type : "POST",
				url : "<%=basePath%>user/login",
				dataType : 'json',
				data : {
					"username" : name1,
					"userpwd" : pwd1

				},
				success : function(result) {
					if (result.status == 0) {

					}
					 	alert(result.status)

				},
				error : function(result) {
					 
					alert("异常！");
				}

			});
		}

		function add() {

			var name1 = $('#username').val();
			var pwd1 = $("#userpwd").val();
			var classs = $('#num').val();
			var phone = $('#phone').val();
			var email = $("#email").val();
			var sex = $('input:radio:checked').val()
		  

			$.ajax({
				type : "POST",
				url : "<%=basePath%>user/add",
				dataType :'json',
				data : {
					"name" : name1,
					"pwd" : pwd1,
					"classs" : classs,
					"phone" : phone,
					"email":email,
					"sex":sex
				},
				success : function(result) {
					 alert("注册成功!")

				},
				error : function(result) {
					alert("异常！");
				}

			});
		}
	</script>


	<!--phone-->
	<div class="phone" id="mobileappagileits">
		<div class="container">
			<div class="col-md-6">
				<img src="images/ph1.png" class="img-responsive" alt="" />
			</div>
			<div class="col-md-6 phone-text">
				<h4>校园充手机端上线了！</h4>

				<div class="text-1">
					<h5>Recharge</h5>
					<p>更加简单快捷的付款方式</p>
				</div>
				<div class="text-1"></div>
				<div class="agileinfo-dwld-app">
					<h6>
						Download The App : <a href="#"><i class="fa fa-android"></i></a>
					</h6>
				</div>
			</div>
			<div class="clearfix"></div>
			<div class="wthree-mobile-app"></div>
		</div>
	</div>
	<!--//phone-->


	<!-- Support content -->

	<!-- //Support content -->


	<!--offers-->
	<!--//offers-->

	<!--partners-->
	<!--//partners-->

	<!-- subscribe -->
	<!-- //subscribe -->

	<!--footer-->
	<footer>
		<div class="container-fluid">
			<div class="w3-agile-footer-top-at"></div>
		</div>
		<div class="w3l-footer-bottom">
			<div class="container-fluid">
				<div class="col-md-4 w3-footer-logo">
					<h2>
						<a href="index.html">校园充值系统</a>
					</h2>
				</div>
				<div class="col-md-8 agileits-footer-class">
					<p>
						©© 校园充值系统 <a href="about.html" target="_blank">宏誉工作室</a>
					</p>
				</div>
				<div class="clearfix"></div>
			</div>
		</div>
	</footer>
	<!--//footer-->

	<!-- for bootstrap working -->
	<script src="js/bootstrap.js"></script>
	<!-- //for bootstrap working -->
	<!-- Responsive-slider -->
	<!-- Banner-slider -->
	<script src="js/responsiveslides.min.js"></script>
	<script>
		$(function() {
			$("#slider").responsiveSlides({
				auto : true,
				speed : 500,
				namespace : "callbacks",
				pager : true,
			});
		});
	</script>
	<!-- //Banner-slider -->
	<!-- //Responsive-slider -->
	<!-- Bootstrap select option script -->
	<script src="js/bootstrap-select.js"></script>
	<script>
		$(document).ready(function() {
			var mySelect = $('#first-disabled2');

			$('#special').on('click', function() {
				mySelect.find('option:selected').prop('disabled', true);
				mySelect.selectpicker('refresh');
			});

			$('#special2').on('click', function() {
				mySelect.find('option:disabled').prop('disabled', false);
				mySelect.selectpicker('refresh');
			});

			$('#basic2').selectpicker({
				liveSearch : true,
				maxOptions : 1
			});
		});
	</script>
	<!-- //Bootstrap select option script -->

	<!-- easy-responsive-tabs -->
	<link rel="stylesheet" type="text/css"
		href="css/easy-responsive-tabs.css " />
	<script src="js/easyResponsiveTabs.js"></script>
	<!-- //easy-responsive-tabs -->
	<!-- here stars scrolling icon -->
	<script type="text/javascript">
		$(document).ready(function() {
			/*
				var defaults = {
				containerID: 'toTop', // fading element id
				containerHoverID: 'toTopHover', // fading element hover id
				scrollSpeed: 1200,
				easingType: 'linear' 
				};
			 */

			$().UItoTop({
				easingType : 'easeOutQuart'
			});

		});
	</script>
	<!-- start-smoth-scrolling -->
	<script type="text/javascript" src="js/move-top.js"></script>
	<script type="text/javascript" src="js/easing.js"></script>
	<script type="text/javascript">
		jQuery(document).ready(function($) {
			$(".scroll").click(function(event) {
				event.preventDefault();
				$('html,body').animate({
					scrollTop : $(this.hash).offset().top
				}, 1000);
			});
		});
	</script>
	<!-- start-smoth-scrolling -->
	<!-- //here ends scrolling icon -->
</body>
<!-- //body -->
</html>
<!-- //html -->